<template>
    <vue-simplebar>
        <div class="max-w-screen-lg mx-auto">
            <div class="page-container">
                <el-tabs v-model="activeName" class="-mt-3">
                    <el-tab-pane v-for="(item,index) in $t('game.other.activity.classifyList')"
                                 :label="item.label" :name="item.value" :key="index"></el-tab-pane>
                </el-tabs>
                <!--签到-->
                <activity-sign :activeName="activeName" v-show="activeName == 'sign'"></activity-sign>
                <!--排行-->
                <activity-ranking :activeName="activeName" v-show="activeName == 'ranking'"></activity-ranking>
                <!--转盘-->
                <activity-turntable :activeName="activeName" v-show="activeName == 'turntable'"></activity-turntable>
                <!--付费转盘-->
                <activity-turntable-pay :activeName="activeName" v-show="activeName == 'turntable-pay'"></activity-turntable-pay>
            </div>
        </div>
    </vue-simplebar>
</template>

<script>
import ActivitySign from './sign/Index.vue'
import ActivityRanking from './ranking/Index.vue'
import ActivityTurntable from './turntable/Index.vue'
import ActivityTurntablePay from './turntable-pay/Index.vue'

export default {
    components: {
        ActivitySign,
        ActivityRanking,
        ActivityTurntable,
        ActivityTurntablePay,
    },
    data() {
        return {
            activeName: 'sign',
        }
    },
}
</script>

<style lang="scss">

</style>
